<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>员工防疫动态</title>
		<link rel="stylesheet" type="text/css" href="static/css/pc/index.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/pc/bootstrap.css"/>
		<script type="text/javascript" src="static/js/jquery-1.11.1.min.js"></script>
 		<script type="text/javascript" src="static/js/bootstrap.min.js"></script>
 		<script type="text/javascript" src="static/js/echarts.min.js"></script>
 		<script type="text/javascript" src="static/app/js/china.js"></script>
 		<script type="text/javascript" src="static/js/dateUtil.js"></script>
 		<script type="text/javascript" src="static/js/metro_pc.js"></script>
	</head>
	<body>
		<header>
			<img src="static/img/headers.png"/>
			<div class="content">
				<span class="left_text">上海地铁防疫动态</span>
				<div class="right_text">
					<span>统计截止日期</span>
					<p  id="endDate"></p>
				</div>
			</div>
			<div class="Subheading">员工防疫动态</div>
		</header>
		
		<section>
			<ul>
				<!--地图-->
				<li>
					<div class="epidemicSituation">
						<div class="sec_text">
							<div class="sec_one">
								<span id="amountOfNonlocal">0</span>
								<p>在外地总人数</p>
							</div>
							<div class="sec_two">
								<span id="totalAmountOfReturn">0</span>
								<p>累计返沪人数</p>
							</div>
							<div class="sec_three">
								<span id="totalAmountOfWork">0</span>
								<p>累计返岗人数</p>
							</div>
						</div>
						<div class="ican">
							<img src="static/img/icos.png"/>
							<span>申通地铁员工分布</span>
						</div>
						<div class="sec_x"></div>
						<div class="map" id="mapss">
							
						</div>
					</div>
				</li>
				<li>
					<!--饼图-->
					<div class="PieChart">
						<!--外出-->
						<div class="out">
							<div class="ican">
								<img src="static/img/icos.png"/>
								<span>外出</span>
							</div>
							<div class="sec_x"></div>
							<div class="bt" id="pie_one">
								
							</div>
						</div>
						<!--回沪-->
						<div class="goHu">
							<div class="ican">
								<img src="static/img/icos.png"/>
								<span>回沪</span>
							</div>
							<div class="sec_x"></div>
							<div class="bt" id="pie_two">
								
							</div>
						</div>
						<!--返岗-->
						<div class="ReturnPost">
							<div class="ican">
								<img src="static/img/icos.png"/>
								<span>返岗</span>
							</div>
							<div class="sec_x"></div>
							<div class="bt" id="pie_three">
								
							</div>
						</div>
					</div>
				</li>
				<!--运营公司当日数据-->
				<li>
					<div class="OperateDate">
						<div class="ican">
								<img src="static/img/icos.png"/>
								<span>运营公司当日数据</span>
							</div>
							<div class="sec_x"></div>
							<div class="tab table-responsive"  style="overflow: auto;">
								<table class="table table-striped table-bordered" >
								   <thead>
										<tr>
											<th style='text-align: center;'>单位名称</th>
											<th style='text-align: center;'>外出总人数</th>
											<th style='text-align: center; '>返岗人数</th>
											<th style='text-align: center;'>返岗率</th>
											<th style='text-align: center;'>昨日返沪</th>
											<th style='text-align: center;'>今日返沪</th>
											<th style='text-align: center;'>昨日返岗</th>
											<th style='text-align: center;'>今日返岗</th>
										</tr>
									</thead>
								   <tbody style='text-align: center;' id="yygsbgbody">
									</tbody>
							 	</table>
							</div>
					</div>
				</li>
				<!--运营公司外出人员返岗-->
				<li>
					<div class="OperateReturnPost">
						<div class="ican">
								<img src="static/img/icos.png"/>
								<span>运营公司外出人员返岗</span>
							</div>
							<div class="sec_x"></div>
							<div class="outReturnPost" id="mains_one">
								
							</div>
					</div>
				</li>
				<!--运营公司人员上岗趋势-->
				<li>
					<div class="OperateTrend">
						<div class="ican">
								<img src="static/img/icos.png"/>
								<span>运营公司人员上岗趋势</span>
							</div>
							<div class="sec_x"></div>
							<div class="outReturnPost" id="main_four">
								
							</div>
					</div>
				</li>
				<!--非运营公司当日数据-->
				<li>
					<div class="OperateDate">
						<div class="ican">
								<img src="static/img/icos.png"/>
								<span>非运营公司当日数据</span>
							</div>
							<div class="sec_x"></div>
							<div class="tab table-responsive"  style="overflow: auto;">
								<table class="table table-striped table-bordered" >
								   <thead>
										<tr>
											<th style='text-align: center;'>单位名称</th>
											<th style='text-align: center;'>外出总人数</th>
											<th style='text-align: center;'>返岗人数</th>
											<th style='text-align: center;'>返岗率</th>
											<th style='text-align: center;'>昨日返沪</th>
											<th style='text-align: center;'>今日返沪</th>
											<th style='text-align: center;'>昨日返岗</th>
											<th style='text-align: center;'>今日返岗</th>
										</tr>
									</thead>
									<tbody style='text-align: center;' id="fyygsbgbody">
									</tbody>
							 	</table>
							</div>
					</div>
				</li>
				<!--非运营公司外出人员返岗-->
				<li>
					<div class="OperateTrend">
						<div class="ican">
								<img src="static/img/icos.png"/>
								<span>非运营公司外出人员返岗</span>
							</div>
							<div class="sec_x"></div>
							<div class="outReturnPost" id="mains_two">
								
							</div>
					</div>
				</li>
				<!--非运营公司人员上岗趋势-->
				<li>
					<div class="OperateTrend">
						<div class="ican">
								<img src="static/img/icos.png"/>
								<span>非运营公司人员上岗趋势</span>
							</div>
							<div class="sec_x"></div>
							<div class="outReturnPost" id="main_five">
								
							</div>
					</div>
				</li>
				
				<li>
					<div class="OperateDate">
						<div class="ican">
								<img src="static/img/icos.png"/>
								<span>外来人员培训当日数据</span>
							</div>
							<div class="sec_x"></div>
							<div class="tab table-responsive"  style="overflow: auto;">
								<table class="table table-striped table-bordered" >
								   <thead>
										<tr>
											<th style='text-align: center;'>委托方</th>
											<th style='text-align: center;'>培训专业</th>
											<th style='text-align: center;'>计划开始日期</th>
											<th style='text-align: center;'>计划结束日期</th>
											<th style='text-align: center;'>培训人数</th>
											<th style='text-align: center;'>本日增加人数</th>
											<th style='text-align: center;'>本日减少人数</th>
										</tr>
									</thead>
								   <tbody style='text-align: center;' id="pxbgbody">
									</tbody>
							 	</table>
							</div>
					</div>
				</li>
				
				<li>
					<div class="epidemicSituation">
						<div class="sec_text">
							<div class="sec_one">
								<span id="totalAmountFOfever" style="color:rgba(208,83,0,1);">0</span>
								<p>累计发热人数</p>
							</div>
							<div class="sec_two">
								<span id="totalAmountOfSeemingly" style="color:rgba(242,159,0,1);">0</span>
								<p>累计疑似病例数</p>
							</div>
							<div class="sec_three">
								<span id="totalAmountOfConfirmed" style="color:rgba(119,3,63,1);">0</span>
								<p>累计确诊人数</p>
							</div>
							<div class="sec_three">
								<span id="totalAmountOfCured" style="color:rgba(0,149,14,1);">0</span>
								<p>累计治愈人数</p>
							</div>
						</div>
						<div class="ican">
							<img src="static/img/icos.png"/>
							<span>防疫情况趋势图</span>
						</div>
						<div class="sec_x"></div>
						<div class="map" id="main_six">
							
						</div>
					</div>
				</li>



			</ul>
		</section>
		
		<footer>
			
		</footer>
	</body>
</html>
